*{
    padding:0;
    margin:0;
    font-family: 微软雅黑;
}
a{
    text-decoration: none;
}
body{
    background: #f1f1f1;
}
/*顶部展示区*/
#top-dis{
    width:100%;
    height:437px;
    background: url(../images/top-bg.jpg) no-repeat center center;
}
/*顶部展示区结束*/

/*顶部导航条*/
#top-nav-box{
    width:100%;
    height:40px;
    background: #000;
}
#top-nav-box .center{
    width:960px;
    height:40px;
    margin:0 auto;
}
#top-nav-box .center li{
    display: block;
    float: left;
    width:160px;
    height:40px;
    text-align: center;
    line-height:40px;
    position: relative;
}
#top-nav-box .center li>a{
    color: white;
    font-size:14px;
    text-decoration: none;
}
#top-nav-box .center li.cur{
    margin-right: 0px;
}
#top-nav-box .center li:hover{
    background: #73b434;
}
#top-nav-box .center li.cate .goods-category{
    position: absolute;
    top:40px;
    /*top:0;*/
    left:0;
    width:160px;
    height:141px;
    /*height:180px;*/
    background: #73b434;
    display: none;
}
#top-nav-box .center li.cate .goods-category a{
    display: block;
    width:160px;
    height:34px;
    /*text-decoration: none;*/
    color: white;
    font-size:12px;
    line-height: 34px;
    border-bottom:1px solid #fff;
    /*border-top:1px solid #fff;*/
}
#top-nav-box .center li.cate .goods-category a:last-child{
    border:none;
}
#top-nav-box .center li.cate .goods-category a:hover{
    background: #000;
}
/*顶部导航条结束*/

/*产品分类区*/
#main-goods-sort{
    width:1000px;
    height:408px;
    margin:70px auto 0px;
    /*border:1px solid red;*/
}
#main-goods-sort #goods-sort{/*图片标题：产品分类*/
    display: block;
    width:224px;
    height:56px;
    margin:0 auto;
}
#main-goods-sort .goods{/*产品分类：四种蔬菜*/
    width: 1100px;
    height:270px;
    /*border:1px solid orange;*/
    margin-top:44px;
}
#main-goods-sort .goods li{
    width:202px;
    height:270px;
    /*border:1px solid blue;*/
    margin-right: 64px;
    float: left;
    list-style: none;
}
#main-goods-sort .goods li .content-pic{/*产品分类：四种蔬菜>图片*/
    display: block;
    width:201px;
    height:201px;
}
#main-goods-sort .goods li .content-pic img{
    width:201px;
    height:201px;
    border-radius: 100px;
}
#main-goods-sort .goods li .content-pic img:hover{
    box-shadow: 0 0 20px grey;
}
#main-goods-sort .goods li a.title{/*产品分类：四种蔬菜>名称*/
    display: block;
    width:170px;
    height:30px;
    line-height:30px;
    text-align: center;
    color: #333;
    font-size:15px;
    border:2px solid #333;
    border-radius: 15px;
    text-decoration: none;
    margin:10px auto 0px;
    font-family:"dincond-regular";
}
#main-goods-sort .goods li a.title:hover{
    color: #fff;
    background: #73B434;
    border-color: #73B434;
}
/*产品分类区结束*/

/*产品推荐区*/
#content-goods-recommmand{
    width:100%;
    height:630px;
    background: #313131 url(../images/recommand-bg.png) no-repeat center center;
    position: relative;
    padding: 1px;
}
#content-goods-recommmand #goods-recommands{/*图片标题：产品推荐*/
    display: block;
    width: 274px;
    height:56px;
    margin:44px auto 0px;
}
#content-goods-recommmand .title{/*标题tab切换功能*/
    /*width:600px;*//*不能在把图片缩放之后再用picpick量*/
    width:505px;
    height:25px;
    margin:32px auto 0px;
    position: relative;
    left:8px;/*存在问题：缩放后li会被挤出到下一行*/
}
#content-goods-recommmand .title li{
    float: left;
    width:98px;
    height:23px;
    line-height:23px;
    text-align: center;
    color: white;
    font-size:14px;
    border:1px solid white;
    list-style: none;
    margin-right:34px;
    cursor: pointer;
    position: relative;
    letter-spacing: 4px;
}
#content-goods-recommmand .title li.no-margin-right{
    margin-right:0px;
}
#content-goods-recommmand .title li i{/*鼠标点击后的小三角*/
    display: block;
    width:0px;
    height:0px;
    border:6px solid transparent;
    border-top-color: #73b434;
    position: absolute;
    left:41px;
    display: none;
}
#content-goods-recommmand .title li.cur{/*鼠标点击选中效果*/
    background: #73b434;
    border-color: #73b434;
}
#content-goods-recommmand .title li.cur i{
    display: block;
}
#content-goods-recommmand .content-goods{/*产品详情：图片、标题及描述*/
    width:1000px;
    height:372px;
    margin:50px auto 0px;
    position: relative;
}
#content-goods-recommmand .content-goods ul{
    width:1100px;
    height:372px;
    float: left;
    position: absolute;
    left:0;
    top:0;
    display: none;
}
#content-goods-recommmand .content-goods ul li{
    width:217px;
    height:370px;
    float: left;
    list-style: none;
    margin-right:44px;
    background: white;
}
#content-goods-recommmand .content-goods ul li img{/*图片*/
    display: block;
    width:217px;
    height:217px;
}
#content-goods-recommmand .content-goods ul li .title-goods{/*标题*/
    font-size:16px;
    font-weight:bold;
    color: #333;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:18px;
    margin-left: 20px;
}
#content-goods-recommmand .content-goods ul li .title-goods:hover{
    color: #a12828;
}
#content-goods-recommmand .content-goods ul li .desc{/*描述*/
    font-size: 12px;
    color: #8E8E8E;
    width:180px;
    height:50px;
    margin-top:12px;
    margin-left: 20px;

    /*使多行中多出的文本以省略号代替（似乎只有谷歌才能用）*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    /*word-break: break-word;*/
    -webkit-box-orient:vertical;
}
#content-goods-recommmand .content-goods ul li .seeMore{/*查看详情*/
    display: block;
    font-size:12px;
    color: #666;
    text-decoration: none;
    /*background: pink;*/
    width:100px;
    height:20px;
    line-height: 20px;
    margin-left:18px;
    margin-top:10px;
}
#content-goods-recommmand .content-goods ul li .seeMore i{
    display: inline-block;
    width:22px;
    height:22px;
    background: url(../images/rec-seeMore.png) no-repeat;
    vertical-align: middle;
    margin-right:4px;
}
#content-goods-recommmand .content-goods ul li .seeMore:hover{
    color: #a12828;
}
/*产品推荐区结束*/

/*底部版权信息*/
#footer-bg{
    width:100%;
    height:70px;
    background: white;
}
#footer-bg #copyright{
    width:1000px;
    height:70px;
    /*border:2px solid red;*/
    margin:0 auto;
}
#footer-bg #copyright .left-info{/*左侧信息*/
    float: left;
}
#footer-bg #copyright .left-info li{
    float: left;
    list-style: none;
    font-size: 12px;
    color: #313131;
    margin-right:20px;
    line-height: 70px;
}
#footer-bg #copyright .jianguan{/*工商网监*/
    float: right;
    margin-top: 9px;
    margin-right:27px;
}
#footer-bg #copyright .jianguan img{
    width:32px;
    height:49px;
}
#footer-bg #copyright .right-info{/*右侧信息*/
    float: right;
}
#footer-bg #copyright .right-info li{
    float: left;
    list-style: none;
    font-size: 12px;
    color: #313131;
    margin-left:15px;
    line-height: 70px;
}
#footer-bg #copyright .right-info li a{
    color: #313131;
}
/*底部版权信息结束*/
